<template>
  <div>
    <van-nav-bar
      title="商品详情"
      left-text="返回"
      left-arrow
      @click-left="$goBack"
    />
    <img
      src="https://newbee-mall.oss-cn-beijing.aliyuncs.com/images/mate40pro%2B.png"
    />
    <h3>HUAWEI Mate 40 Pro+ 5G 全网通 12G...</h3>
    <p>5nm麒麟9000旗舰芯片 | 超感光徕卡电...</p>
    <div class="shop-type">免邮费 顺丰快递</div>
    <div class="price">¥7988</div>
    <van-goods-action>

      <van-goods-action-button
        color="#be99ff"
        type="warning"
        text="加入购物车"
      />
      <van-goods-action-button color="#7232dd" type="danger" text="立即购买" />
    </van-goods-action>
  </div>
</template>

<script>
export default {};
</script>

<style>
img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.shop-type {
  color: #b0b0b0;
}
.price {
  font-size: 32px;
  color: red;
}
.butleft {
  border-radius: 20px 0 0 20px;
}
.butright {
  border-radius: 0 20px 20px 0;
}
</style>